.time_0{ position: relative; margin: 100px; width: 200px; height: 200px; border-radius: 50%; border: solid 1px #fff;}
.time_1{transform-origin:left 50%; position: absolute; top: 87px; left: 100px; width: 0;
    height: 0;
    border-top: 13px solid transparent;
   
    border-bottom: 13px solid transparent;
}
.color1{ border-right: 100px solid red;}
.color2{  border-right: 100px solid blue;}
.rd1{-webkit-transform:rotate(15deg);}
.rd2{-webkit-transform:rotate(30deg);}
.rd3{-webkit-transform:rotate(45deg);}
.rd4{-webkit-transform:rotate(60deg);}
.rd5{-webkit-transform:rotate(75deg);}
.rd6{-webkit-transform:rotate(90deg);}
.rd7{-webkit-transform:rotate(105deg);}
.rd8{-webkit-transform:rotate(120deg);}
.rd9{-webkit-transform:rotate(135deg);}
.rd10{-webkit-transform:rotate(150deg);}
.rd11{-webkit-transform:rotate(165deg);}
.rd12{-webkit-transform:rotate(180deg);}
.rd13{-webkit-transform:rotate(195deg);}
.rd14{-webkit-transform:rotate(210deg);}
.rd15{-webkit-transform:rotate(225deg);}
.rd16{-webkit-transform:rotate(240deg);}
.rd17{-webkit-transform:rotate(255deg);}
.rd18{-webkit-transform:rotate(270deg);}
.rd19{-webkit-transform:rotate(285deg);}
.rd20{-webkit-transform:rotate(300deg);}
.rd21{-webkit-transform:rotate(315deg);}
.rd22{-webkit-transform:rotate(330deg);}
.rd23{-webkit-transform:rotate(345deg);}
.rd24{-webkit-transform:rotate(360deg);}